@charset "UTF-8";
body{
  background: rgb(245,245,245);
}
.login_wrap{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 320px;
  margin-left: -160px;
  margin-top: -150px;
  >header{
    text-align: center;
    font-size: 21px;
    margin-bottom: 10px;
    color: #f59f88;
    font-weight: 900;
  }
  >div{
    position: relative;
    >div{
      position: absolute;
      width: 100%;
      height: 20px;
      bottom: -19px;
      color: #f10;
      padding-top:2px;
    }
    >form{
      >div{
        position: relative;
        margin-bottom: 10px;
        height: 40px;
        >p{
          display:none;
          position: absolute;
          width: 85px;
          height: 36px;
          text-align: center;
          color: #fff;
          background-color: #bbb;
          line-height: 36px;
          text-align: center;
          right: 0px;
          top: 0px;
          font-size: 12px;
          >span{
            color: #888;
          }
        }
        >b{
          float: left;
          width: 41px;
          text-align: center;
          height: 36px;
          margin-top:-1px;
          background: #e9edef;
          line-height: 36px;
          border-radius: 5px;
          font-size: 17px;
          border-top-right-radius: 0px;
          border-bottom-right-radius: 0px;
        }
        >.error{
            border: 1px solid #f10;
            box-shadow: 0px 0px 10px 1px #f10;
        }
        >input{
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px;
          float: left;
          height: 36px;
          margin-left: 4px;
          width: 186px;
          background-color: #e9edef;
          padding: 10px;
          font-size: 14px;
          outline: 0px;
          box-shadow: none;
          color: #333;
          border: none;
        }
        >span{
          position: absolute;
          width: 85px;
          height: 36px;
          text-align: center;
          color: #fff;
          background-color: rgba(21, 213, 182, 0.5);
          border-radius: 5px;
          line-height: 36px;
          text-align: center;
          cursor: pointer;
          right: 0px;
          top: 0px;
          font-size: 13px;
          &:hover{
            background-color: rgba(21, 213, 182, 0.75);
          }
          &:active{
            background-color: rgba(21, 213, 182, 1);
          }
        }
      }
      >div:nth-child(2){
        >input{
          width: 274px;
        }
        >b{
          font-size:15px;
        }
      }
    }
  }
  >footer{
    margin-top: 22px;
  }
}